html, body {
    background: #f5f5f5;
}

.mine .avtor {
    /* height: 3.7rem;
    background: url('/img/mine-bg.png') no-repeat left top/100% 100%; */
    position: relative;
    font-size: 0;
}

/* .mine .avtor .img {
    width: 1.74rem;
    height: 1.74rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -0.87rem;
} */

.mine .list {
    background: #f5f5f5;
}

.mine .list .list-cell {
    height: 1.1rem;
    border-bottom: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
}

.mine .list .list-cell .icon {
    width: 0.6rem;
    display: inline-block;
    margin: 0 0.3rem;
    font-size: 0;
}

.mine .list .list-cell .icon img {
    width: 100%;
}

.mine .list .list-cell .name {
    font-size: 0.32rem;
    color: #000;
    font-size: 500;
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url('/img/mine-icon-right.png') no-repeat right 0.33rem/ 0.2rem auto;
    margin-right: 0.4rem;
    display: flex;
    align-items: center;
}